import {useIntersectionObserver } from '@vueuse/core'
import { ref } from 'vue';


export const useLazyData = (fn:()=>void)=>{
  const target = ref(null)
  // 组件数据懒加载 到了组件的可视区域再去发送数据请求
   const {stop } = useIntersectionObserver(target,([{isIntersecting}])=>{
    if(isIntersecting){
      fn()
      stop()
    }
   },{
    // 参数三 临界值0-1 默认0.x 0表示看到立即执行赋值 1表示完整看到再赋值
    threshold:0
   })
   return target
}